<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link href="../phoneCss/commons.css" rel="stylesheet"/>
    <link href="../phoneCss/cart.css?r=1" rel="stylesheet"/>
    <style>
        #cart {
            color: #de1221;
        }

        #index, #sort, #me {
            color: #2e2e2e;
        }
    </style>
</head>
<body>
<!--
    作者：lwy
    时间：2017-02-06
    描述：购物车头部开始
-->
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" id="back" style="display: none"></a>
    <h1 class="mui-title">购物车<b>(0)</b></h1>
    <a class="mui-pull-right" id="edit">编辑</a>
    <a class="mui-pull-right" id="complete" style="display: none;">完成</a>
</header>
<!--
    作者：837081299@qq.com
    时间：2017-02-07
    描述：购物车内容区开始
-->
<div class="mui-content mui-scroll-wrapper" id="refreshContainer">
    <div class="mui-scroll">
        <div class="cart-kong" style="display: none;">
            <img src="../img/cart-kong.png">
            <p>购物车是空的~</p>
            <div class="no_token_box">
                <a href="login.html">登录</a><a href="index.html">去逛逛</a>
            </div>
        </div>
    <!--
        作者：837081299@qq.com
        时间：2017-02-07
        描述：购物车如果为空结束
   -->
    <div class="cart-box">
        <ul id="OA_task_2" class="mui-table-view">
            <!--<li class="mui-table-view-cell">-->
                <!--<div class="cart-goods-box mui-slider-handle">-->
                    <!--<div class="mui-clearfix">-->
                        <!--<div class="cart-select-box"><img src="../phoneImg/no_pigeon.jpg"/></div>-->
                        <!--<div class="cart-img-box"><img src="../phoneImg/goods1.jpg"/></div>-->
                        <!--<div class="cart-product-box">-->
                            <!--<p class="cart-goods-name">苹果(Apple)原装EarPods) 3.5mm 接口 耳塞式 线控耳机</p>-->
                            <!--<p class="guige_box"><span class="guige">口味：蓝莓 净重：6kg</span></p>-->
                            <!--<p class="price"><span class="cart-price">￥5499.00</span><span class="choose_count"><span-->
                                    <!--class="decreace"></span><input-->
                                    <!--type="text" class="count" value="1"><span class="add"></span></span></p>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="mui-slider-right mui-disabled">-->
                    <!--<a class="mui-btn mui-btn-grey add_collection" style="display: none;">加入<br>收藏</a>-->
                    <!--<a class="mui-btn mui-btn-red">删除</a>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="mui-table-view-cell">-->
                <!--<div class="cart-goods-box mui-slider-handle">-->
                    <!--<div class="mui-clearfix">-->
                        <!--<div class="cart-select-box"><img src="../phoneImg/no_pigeon.jpg"/></div>-->
                        <!--<div class="cart-img-box"><img src="../phoneImg/goods1.jpg"/></div>-->
                        <!--<div class="cart-product-box">-->
                            <!--<p class="cart-goods-name">苹果(Apple)原装EarPods) 3.5mm 接口 耳塞式 线控耳机</p>-->
                            <!--<p class="guige_box"><span class="guige guige_h">口味：蓝莓 净重：6kg<img src="../phoneImg/spe_edit.png"/></span></p>-->
                            <!--<p class="price"><span class="cart-price">￥5499.00</span><span class="choose_count"><span-->
                                    <!--class="decreace"></span><input-->
                                    <!--type="text" class="count" value="1"><span class="add"></span></span></p>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="warranty_box mui-clearfix">-->
                        <!--<div class="warranty_item mui-clearfix">-->
                            <!--<img src="../phoneImg/goods_pigeon.jpg" alt="">-->
                            <!--<div class="warranty">[延保] 【电池保 限时特价 两年】</div>-->
                            <!--<div class="warranty_price">￥199.00</div>-->
                            <!--<div class="warranty_buy">详情</div>-->
                        <!--</div>-->
                        <!--<div class="warranty_item mui-clearfix">-->
                            <!--<img src="../phoneImg/no_pigeon.jpg" alt="">-->
                            <!--<div class="warranty">[延保] 【电池保 限时特价 两年】</div>-->
                            <!--<div class="warranty_price">￥199.00</div>-->
                            <!--<div class="warranty_buy">详情</div>-->
                        <!--</div>-->
                        <!--<div class="warranty_item mui-clearfix">-->
                            <!--<img src="../phoneImg/no_pigeon.jpg" alt="">-->
                            <!--<div class="warranty">[延保] 【电池保 限时特价 两年哈哈哈哈哈啊哈哈】</div>-->
                            <!--<div class="warranty_price">￥199.00</div>-->
                            <!--<div class="warranty_buy">详情</div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="mui-slider-right mui-disabled">-->
                    <!--<a class="mui-btn mui-btn-grey add_collection">加入<br>收藏</a>-->
                    <!--<a class="mui-btn mui-btn-red">删除</a>-->
                <!--</div>-->
            <!--</li>-->
        </ul>
    </div>
    </div>
</div>
<!--
    作者：837081299@qq.com
    时间：2017-02-08
    描述：购物车结算金额开始
-->
<div class="cart-total-price">
    <div class="cart-select-box"><img class="allSelect" src="../phoneImg/no_pigeon.jpg"/><a class="all-select">全选</a>
    </div>
    <div class="jiesuan" id="jiesuan">结算(0)</div>
    <div class="jiesuan" id="delete" style="display: none;width: 30%">删除所选</div>
    <div class="total-price">合计：<i class="total-price-price">￥199.00</i><span class="total-num"></span></div>
</div>

<!--规格选择盒子-->
<div class="specification_box" style="display: none;position: fixed">
    <div class="specification_bottom_box">
        <div class="colse_spe" id="colse_spe"></div>
        <div class="top_box mui-clearfix">
            <div class="specification_img">
                <img src="../phoneImg/goods.jpg" alt="" id="spe_img">
            </div>
            <div class="specification_info_box mui-clearfix">
                <div class="price" id="price"></div>
                <div class="code" id="code">商品编号：G1322820</div>
            </div>
        </div>
        <div class="detail_box mui-scroll" id="detail_box">
            <div class="detail_small_box">
            <div class="detail_title">颜色</div>
            <div class="detail_spe mui-clearfix">
            <div class="spe-one spe_act">黑色</div><div class="spe-one">黑色</div>
            <div class="spe-one">黑色</div><div class="spe-one">黑色</div>
            <div class="spe-one">黑色</div><div class="spe-one">黑色</div>
            </div>
            </div>
            <div class="detail_small_box">
            <div class="detail_title">颜色</div>
            <div class="detail_spe mui-clearfix">
            <div class="spe-one">黑色</div><div class="spe-one">黑色</div>
            <div class="spe-one">黑色</div><div class="spe-one">黑色</div>
            <div class="spe-one">黑色</div><div class="spe-one">黑色</div>
            </div>
            </div>
            <div class="detail_count_title">
            <span>数量</span>
            <span class="choose_count"><span
            class="decreace"></span><input type="text" class="count" value="1"><span
            class="add"></span></span>
            </div>
            <div class="appreciation_box" id="appreciation_box">
                <div class="appreciation_title" style="display: none;">叮当网服务</div>
                <ul class="appreciation_detail">
                    <li><span class="appreciation">进水保1年 ￥499</span><span class="appreciation_more">查看详情</span></li>
                </ul>
            </div>
        </div>
        <div class="spe_certain">确定</div>
    </div>
</div>

<!--
    作者：837081299@qq.com
    时间：2017-02-07
    描述：底部导航开始
-->
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" id="index" href="index.html">
        <span class="mui-icon"><img src="../phoneImg/index-icon.png"/></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item" id="sort" href="category.html">
        <span class="mui-icon"><img src="../phoneImg/sort-icon.png"/></span>
        <span class="mui-tab-label">分类</span>
    </a>
    <a class="mui-tab-item" id="cart" href="cart.html">
        <span class="mui-icon"><img src="../phoneImg/cart-icon-act.png"/></span>
        <span class="mui-tab-label">购物车</span>
    </a>
    <a class="mui-tab-item" id="me">
        <span class="mui-icon"><img src="../phoneImg/personal-icon.png"/></span>
        <span class="mui-tab-label">我的</span>
    </a>
</nav>
<script src="../js/mui.min.js"></script>
<script src="../js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="../js/sha1.js"></script>
<script>
    document.write("<s" + "cript type='text/javascript' src='../js/common.js?" + Math.random() + "'></scr" + "ipt>");
    document.write("<s" + "cript type='text/javascript' src='../phoneJs/cart.js?" + Math.random() + "'></scr" + "ipt>");
</script>
</body>
</html>
